﻿@{
    ViewBag.Title = "Home";
    Layout = "~/Views/Shared/_Layout_us_Home.cshtml";

    var blCheckEvent = ViewBag.ShowEvent;
}



@section HeaderContent{
    @*cycle*@   
    <script src="../../Scripts/Slide_Cycle/jquery.cycle.all.js" type="text/javascript"></script>
    <script src="../../Scripts/Slide_Cycle/urcCFC9.js" type="text/javascript"></script>

  @*  <script src="../../Scripts/slideShow/js-image-slider.js" type="text/javascript"></script>
    <link href="../../Content/Js-SlideShow/js-image-slider.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/Slide2.css" rel="stylesheet" type="text/css" />*@

    <script type="text/javascript">

       function infoHome() {
            $('#bannerSlide').cycle({ 
            fx: 'scrollDown' 
            });

            $('#slider_cycle').cycle({
//                fx: 'shuffle',
//                delay: -4000              
                fx:      'scrollDown', 
                speedIn:  2000, 
                speedOut: 500, 
                easeIn:  'easeInCirc', 
                easeOut: 'easeOutBounce', 
                delay:   -1000
            });

        }

        var showEvent = "@blCheckEvent";

        $(document).ready(function () {
            infoHome();
            contentHeight();
            newsShow();                        
            if (showEvent == "True")
                ShowEvent();

        });


        function ShowEvent() {
            var urlLogin = "/Event/ShowEventHome";
            $("#pop_Event_Content").load(urlLogin);            
        }

        $(window).resize(function () {
            contentHeight();
        });

        function contentHeight() {

            var w_height = $("div.divCTmain").height();
            var _ctheight = w_height - 200;

            $("#Dcontent").css({
                "height": _ctheight
            });

            $("#Dcontent").mCustomScrollbar();

        }
          


 function newsShow() {
        $('#items-tinnbcm').cycle({
            fx: 'fade',
            speed: '400',
            timeout: 5000,
            pager: '#list_items',
            pagerEvent: 'mouseover',
            pauseOnPagerHover: true,
            pause: 1,
            allowPagerClickBubble: true,
            pagerAnchorBuilder: function (idx, slide) {
                return '#list_items li:eq(' + (idx) + ')';
            }
        });
    }


    </script>
}
<div class="Clearfix">
    <div id="example">
        <div id="slides">
            <div id="bannerSlide" class="slides_container">
                <a href="#">
                    <img src="../../Content/Image/Banner/banner1.png" alt="Slide 1" />
                </a>
                <a href="#">
                    <img src="../../Content/Image/Banner/banner2.png" alt="Slide 2" />
                </a> 
                <a href="#">
                    <img src="../../Content/Image/Banner/banner3.png" alt="Slide 3" />
                </a> 
                <a href="#">
                    <img src="../../Content/Image/Banner/banner4.png" alt="Slide 4" />
                </a>
            </div>
        </div>
    </div>
</div>

<div class="Clearfix">
    
    <div class="homeLeft">    
        
        <div id="Dcontent" class="mCustomScrollbar">      
            <div class="Clearfix">
                <div>
                    <div class="TitleGroup"> Tin mới </div>
                    @Html.Partial("UC_Home_new")       
                </div>
                <div>
                    <div class="TitleGroup"> Nhà đất  </div>
                    <div>
                    @Html.Partial("UC_Home_TopLand")
                    <div style="clear:both;"></div>  
                   </div>
                </div>
                <div style="clear:both;"></div>   
               </div>     
                  
        </div>

    </div>
    <div class="homeRight">

        <div>           
                <div id="slider_cycle" class="pics">                    
                    <img src="../../Content/Image/slide/s1.jpg" alt="" />
                    <img src="../../Content/Image/slide/s2.jpg" alt="" />
                    <img src="../../Content/Image/slide/s3.jpg" alt="" />
                    <img src="../../Content/Image/slide/s4.jpg" alt="Kim thanh house" />
                    <img src="../../Content/Image/slide/s5.jpg" alt="" />                    
                </div>               
           
        </div>


    </div>

</div>



